<!--header-->
<div app-header left='' center='{{productInfo.product_name}}' right='' white=''></div>
<!--header end-->
<div class="mui-content" style="margin-top: -10px;overflow: hidden;">
	<div class="product_top">
		<dl>
			<dt>{{productInfo.benchmark_return_rate*1000/10|jiequ}}<em ng-bind="productInfo.increase_interest_return_rate=='0'?'%':'+'+(productInfo.increase_interest_return_rate*1000/10|jiequ)+'%'"></em> </dt>
			<dd>预期年化</dd>
		</dl>
		<dl>
			<dt style="font-size: 26px;">
				<span ng-if="productInfo.product_type_pid!=4">{{productInfo.term}}<em>天</em></span>
				<span ng-if="productInfo.product_type_pid==4">灵活存取</span>
			</dt>
			<dd>投资期限</dd>
		</dl>
	</div>
	<div class="mui-slider" id="productTab">
		<div class="product_Tab_Title mui-slider-indicator" style="position: static;">
			<span>产品名称</span>
			<span>项目信息</span>
			<span>已购用户</span>
		</div>
		<div id="sliderProgressBar" style="position: relative;background: #fb5a5c;" class="mui-slider-progress-bar mui-col-xs-4"></div>
		<div class="mui-slider-group">
			<!--第一个内容区容器-->
			<div class="mui-slider-item mui-active" id="item1">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<img src="image/icon/iocn01.png" />
								<strong>产品编号</strong>
								<em>{{productInfo.product_id}}</em>
							</li>
							<li class="mui-table-view-cell" ng-if="productInfo.product_type_pid==1">
								<img src="image/icon/mujizonge@3x.png" />
								<strong>募集总额</strong>
								<em>{{productInfo.raise_amount}}元</em>
							</li>
							<li class="mui-table-view-cell">
								<img src="image/icon/iocn02.png" />
								<strong>起购金额</strong>
								<em>{{productInfo.purchase_amount}}元</em>
							</li>
							<!--<li class="mui-table-view-cell">
								<img src="image/icon/iocn03.png" />
								<strong>份额更新</strong>
								<em>每天{{productInfo.share_update_time}}</em>
							</li>-->
							<li class="mui-table-view-cell">
								<img src="image/icon/iocn04.png" />
								<strong>起息时间</strong>
								<em>
									<span ng-if="productInfo.start_calculating_interest_time==1">购买当日起息</span>
									<span ng-if="productInfo.start_calculating_interest_time==2">T+1(购买后次日起息)</span>
									<span ng-if="productInfo.start_calculating_interest_time==3">满标后次日起息</span>
								</em>
							</li>
							<li class="mui-table-view-cell">
								<img src="image/icon/goumaixiane@3x.png" />
								<!--<strong ng-if="productInfo.product_type_pid!=4">还款说明</strong>
								<strong ng-if="productInfo.product_type_pid==4">购买限额</strong>
								<em>
									<span ng-if="productInfo.product_type_pid!=4">到期后自动发起转让，转让成功当日本息一次性回款至钱包</span>
									<span ng-if="productInfo.product_type_pid==4">每个用户限购{{productInfo.cumulative_purchase_amount}}元</span>
								</em>-->
								<strong >还款说明</strong>
								<em>
									<span>借款项目到期还本付息，借款人提前还款的，提前还款日还本付息</span>
								</em>
							</li>

							<!--<li class="mui-table-view-cell" ng-if="productInfo.product_type_pid==4">
								<img src="image/icon/zhuanrangshuoming@3x.png" />
								<strong>转让说明</strong>
								<em>随时可转让，发起转让后次日凌晨进行匹配，转让成功后当日回款至钱包</em>
							</li>-->
							<!--<li class="mui-table-view-cell" ui-sref="productJs">
								<img src="image/icon/chanpinjieshao@3x.png" />
								<strong>产品介绍</strong>
								<em>
									<i class="mui-icon mui-icon-arrowright mui-pull-right" style="font-size: 16px;margin-top: 3px"></i>
								</em>
							</li>-->
							
							
							<li class="mui-table-view-cell" ui-sref="risk_proposal" ng-if="productInfo.risk_level<1">
								<img src="image/icon/icon08.png" />
								<strong>安全等级</strong>
								<em><span>未查询到借款协议，点击查看"安全等级与投资建议"<i class="mui-icon mui-icon-arrowright mui-pull-right" style="font-size: 16px;margin-top: 3px;"></i></span></em>
							</li>
							
							<li class="mui-table-view-cell" ui-sref="risk_proposal" ng-if="productInfo.risk_level>0">
								<img src="image/icon/icon08.png" />
								<strong>安全等级</strong>
								<em><span>风险承受能力{{productInfo.user_level}}可购买<br /><img  style="width: 14px;height: 14px;margin-right: 2px;" src="image/icon/star_fengxiandengji@2x.png" ng-repeat="a in CountRepeat(productInfo.risk_level) track by $index"/><img style="width: 14px;height: 14px;margin-right: 2px;" src="image/icon/star_fengxiandengji_empty@2x.png" ng-repeat="a in CountRepeat(5-productInfo.risk_level) track by $index"/><i class="mui-icon mui-icon-arrowright mui-pull-right" style="font-size: 16px;margin-top: 3px;"></i></span></em>
							</li>
							
							<li class="mui-table-view-cell" ui-sref="productFx">
								<img src="image/icon/icon07.png" />
								<strong>风险提示</strong>
								<em><span class="mui-pull-right" style="color: #0097e2;">风险告知书<i class="mui-icon mui-icon-arrowright mui-pull-right" style="font-size: 16px;margin-top: 3px;"></i></span></em>
							</li>
							<!--<li class="mui-table-view-cell" ui-sref="CpFxfs({assetsId:productInfo.product_id})">
								<img src="image/icon/icon08.png" />
								<strong>风险分散</strong>
								<em>
									<i class="mui-icon mui-icon-arrowright mui-pull-right" style="font-size: 16px;margin-top: 3px"></i>
								</em>
							</li>-->
						</ul>
					</div>
				</div>
			</div>
			<!--第二个内容区-->
			<div class="mui-slider-item" id="item2">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" >
						<h1>募集中项目</h1>
						<ul class="mui-table-view" ng-if="productList.length>0">
							<li class="mui-table-view-cell" ng-repeat="item in productList" ui-sref="productDetails({debtId:item.debt_code})">
								<h2>编号：<em>{{item.debt_code}}</em></h2>
								<dl>
									<dd>
										<strong>{{item.debt_amount}}元</strong>
										<p>标的金额</p>
									</dd>
									<dd>
										<strong>{{item.ori_pro_rate}}%</strong>
										<p>借款利率</p>
									</dd>
									<dd>
										<strong>
											<img src="image/star.png" ng-repeat="a in CountRepeat(item.risk_level) track by $index"/>
										</strong>
										<p>安全等级</p>
									</dd>
								</dl>
							</li>

						</ul>
						
						<div  class="empty" style="width:100%;text-align: center;align-items: center;display: -webkit-flex;display: flex;justify-content: center;" ng-show="productList.length==0">
							<div><img src="image/empty/empty_wumuji@2x.png" style="width: 85px;height: 98px;" /><br />
								<p style="margin-top: 20px;">暂无募集中项目</p>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			<!--第三个内容区-->
			<div class="mui-slider-item" id="item3">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll" >
						<h1>购买人/购买时间 <em class="mui-pull-right">购买金额（元）</em></h1>
						<ul class="mui-table-view" ng-if="PurchaseList.length>0">
							<li class="mui-table-view-cell" ng-repeat="item in PurchaseList">
								<div>
									<strong>{{item.real_name}}</strong>
									<p>{{item.create_time}}</p>
								</div>
								<div>
									<strong>{{item.amount}}</strong>
								</div>
							</li>
						</ul>
						
						<div class="empty" style="width:100%;text-align: center;align-items: center;display: -webkit-flex;display: flex;justify-content: center;" ng-show="PurchaseList.length==0">
							<div><img src="image/empty/empty_wuyonghu@2x.png" style="width: 82px;height: 97px;" /><br />
								<p style="margin-top: 20px;">来抢沙发吧</p>
							</div>
						</div>
						
						
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<!--计算器浮层-->
<div class="Calculator">
	<img src="image/icon_jisuanqi.png" ng-click="jisuan_show=true" />
	<!--购买-->
	<button type="button" ng-if="productInfo.share_status==1"  ng-click="buy(productInfo)" class="mui-btn mui-btn-red">购买<em>（剩余{{productInfo.pro_share|currency:"":0}}元）</em></button>
	<!--售罄-->
	<button type="button" ng-disabled="productInfo.share_status==2" ng-if="productInfo.share_status==2" class="mui-btn mui-btn-red mui-disabled">售罄</button>
	<!--待售 其他-->
	<button type="button"  ng-if="productInfo.share_status==0&&!productInfo.next_update_time" style="background: #fb7a7b;font-size: 16px;" class="mui-btn mui-btn-red">
		待售
	</button>
	<!--待售 散标-->
	<button type="button"  ng-if="productInfo.share_status==0&&productInfo.next_update_time" style="background: #fb7a7b;font-size: 16px;" class="mui-btn mui-btn-red">
		待售<em>(<span app-countdown time="{{productInfo.next_update_time}}">倒计时:</span>)</em>
	</button>
</div>

<!--购买方式-->
<div app-Payment></div>

<!--计算器-->
<div class="mui-backdrop animated fadeIn" style="z-index:1000" ng-if="jisuan_show" ></div>
<div class="jisuanqi" ng-if="jisuan_show">
	<p>预期收益 (元) <span class="mui-pull-right">{{Profit|jiequ}}</span></p>
	<p ng-show="productInfo.product_type_pid!=4" style="background: #f9f8f8;padding: 15px;">理财期限 (元) <span class="mui-pull-right" style="color: #666;font-size: 16px;">{{productInfo.term}}</span></p>
	<p ng-show="productInfo.product_type_pid==4" style="margin-top: 15px;">
		<input type="number" placeholder="请输入理财天数" ng-model="$parent.pro_day" style="width: 90%;height: 40px;text-align: right;" /> <span class="mui-pull-right" style="line-height: 40px;">天</span>
	</p>
	<p>
		<input type="number" placeholder="请输入理财金额" ng-model="$parent.pro_money" style="width: 90%;height: 40px;text-align: right;" /> <span class="mui-pull-right" style="line-height: 40px;">元</span>
	</p>
	<p>
		<button type="button" class="mui-btn mui-btn-red" ng-click="jisuan()" style="width: 100%;height: 40px;">计&emsp;算</button>
	</p>
</div>